<!DOCTYPE html>
<html><head>
    <meta http-equiv='X-UA-Compatible' content='IE=edge' charset="utf-8"  />
    <title>( Org Tree Comp )</title>

    <style>
      html,body{
        width:100%;
        height: auto;
        margin: 0;
        padding: 0;
      }
    </style>

    <script id='sap-ui-bootstrap' type='text/javascript'
        src='/sap/bc/bsp/sap/ySAPUI5/SAPUI5/resources/sap-ui-core.js'
        data-sap-ui-theme='sap_goldreflection'
        data-sap-ui-libs='sap.ui.table'>
    </script>
    <script type='text/JavaScript' src='../../../zbw_reporting/scripts/framework_include.js'></script>

    <script type="text/javascript">
        var BOI = parent.BOI; //REQUIRED
        var properties = { //REQUIRED
            width: "100%",
            height: "auto",
            content: "<div><h4>Sample Header</h4></div>"
        };
        window.onload = function() {
            //sample registeration for an event
            //register listener function for an event
            renderContent(properties.content);
        }
        var initialize = function initialize() {//REQUIRED //initialization function ... see below..
            //example to set property values to dom elements
            refreshProperties();
        };
        var refresh = function refresh() { //REQUIRED function to be called by parent at anytime to refresh data.
        };
        var refreshProperties = function refreshProperties(){ //REQUIRED function to be called by parent when a property change occurs
            renderContent(properties.content);
        };
        renderContent = function(content){
            document.body.innerHTML = content;
        };
    </script>
</head>

<body>
</body>

</html>